<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
  <title>{$tdk['title']}</title>
  <meta name="description" content="{$tdk['description']}">
  <meta name="keywords" content="{$tdk['keywords']}">
  <meta name="author" content="alonez" />
  <meta name="baidu-site-verification" content="code-mjNnJHp6FK" />
  <link rel="shortcut icon" href="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/favicon.ico">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://ujia-res.oss-cn-shenzhen.aliyuncs.com/changehome/assets/weui/css/weui.css">
  <link rel="stylesheet" href="https://ujia-res.oss-cn-shenzhen.aliyuncs.com/changehome/assets/weui/css/weuix.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="https://res.bestyoujia.com/common/third/jquery.cookie.js"></script>
  <script src="https://ujia-res.oss-cn-shenzhen.aliyuncs.com/changehome/assets/weui/js/zepto.weui.js"></script>
  <style>
    html,body {
      font-size: 16px !important;
      -webkit-overflow-scrolling: touch;
    }
    ul,li {
      list-style: none;
      margin: 0;
    }
    input, button {
      outline: none;
    }
    button:focus {
      outline: none;
    }
    p {
      margin: 0;
    }

    .weui-toast {
      width: auto !important;
      min-width: 8em;
      padding-left: 20px;
      padding-right: 20px;
    }

    .weui-toast--text {
      font-size: 1rem !important;
    }

    .container-fluid {
      padding: 0;
      overflow-x: hidden;
    }
    .m-t-5 {
      margin-top: 5.5vmin;
    }
    .p-t-5 {
      padding-top: 5.5vmin;
    }

    #nav {
      height: 50px;
      line-height: 50px;
      display: flex;
      overflow-x: scroll;
      /*border-bottom: 1px solid #d9d9d9;*/
      white-space: nowrap;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 99998;
      background: #333333;
      margin-right: 40px;
      padding-right: 40px;
    }

    #nav-box {
      display: none;
      margin-top: 50px;
      position: fixed;
      top: 0px;
      left: 0;
      width: 100%;
      z-index: 99997;
      background: #333333;
      font-size: 15px;
      border-top: 1px solid #A0A0A0;
      position: fixed;
      top: 0px;
      left: 0;
      width: 100%;
      z-index: 99997;
      background: #333333;
      font-size: 15px;
      padding: 5px 0px 15px 0px;
    }

    #nav-box > #nav-open {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;

    }

    #nav-box > #nav-open > a {
      color: #999999;
      width: calc(100% / 4);
      text-align: center;
      margin-top: 10px;
    }

    #nav-toggle {
      position: fixed;
      z-index:99999;
      right: 0;
      top:0;
      border-left: 1px #A0A0A0 solid;
      background:#333333;
      width: 40px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    #nav > ul {
      padding: 0 10px;
      width: 100%;
      margin-left: 10px;
      white-space: nowrap;
    }

    #nav > ul > li {
      display: inline-block;
      margin: 0px 10px;
      text-align: center;
      position: relative;
      text-overflow: ellipsis;
      word-break: keep-all;
    }

    #nav > ul > li:last-child {
      margin: 0 50px 0 10px;
    }

    #nav > ul > li > a {
      color: #848484;
      font-weight: 400;
      text-decoration: none;
      font-size: 15px;
    }

    #nav > ul > li:nth-last-child(1) {
      padding-right: 10px;
    }

    .nav-active > a {
      color: #ffffff !important;
      font-weight: 500 !important;
      border-bottom: 2px #fff solid;
      padding-bottom: 6px;
    }

    ::-webkit-scrollbar
    {
      width: 0px;
      height: 0px;
    }

    .beaut-container {
      margin-top: 50px;
    }

    .bottom-nav-container {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: rgba(147, 65, 44, .9);
      z-index: 1;
    }

    .bottom-nav {
      bottom: 0;
      width: 100%;
      height: 55px;
      display: flex;
      padding: 15px 0;
    }

    .bottom-nav > div > img {
      width: 33px;
    }

    .bottom-nav > div > span {
      margin-left: 5%;
      font-size: .9rem;
      color: #FFFFFF;
    }

    .back-home, .wx-back-home {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-right: 1px #999999 solid;
    }

    .online-consult, .wx-online-consult {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-right: 1px #999999 solid;
    }

    .appointment-enroll {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-right: 1px #999999 solid;
    }

    .tel-consult, .wx-tel-consult {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .common-enroll {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(10,10,10,0.6);
      z-index: 100;
      display: none;
      justify-content: center;
      align-items: center;
    }

    .enroll-container {
      width: 92%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      background-color: #FFFFFF;
      box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.12);
      padding: 25px 0px 8px;
    }
  </style>
  {block name="css"}{/block}
  <script>
      var _hmt = _hmt || [];
      (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?40c4a0b79991b779265eef34e4be9d02";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
      })();
  </script>
  <script>(function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/5a94a95735e35494ea43bac6762f40560/1";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();</script>
</head>
<body>
{include file="public/nav" /}
<div id="global-float" style="position: fixed;
		right: 10px;
		bottom: 25%;
		z-index: 99999;">
  <a href="{$Request.root}/landing.html?utm_source=gwxfk">
    <img alt="" style="width: 45px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/assets/img/icon_float.png">
  </a>
</div>
<div class="beaut-container">
  {block name="main"}{/block}
  {block name="right"}{/block}
</div>
{block name="footer"}{include file="public/footer" /}{/block}
{block name="bottom"}{include file="public/bottom_nav" /}{/block}
{block name="common"}{include file="public/common_enroll" /}{/block}
</body>
<script src="https://res.bestyoujia.com/web/ZMYJ/assets/js/mobile-common.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="https://res.bestyoujia.com/common/assets/js/appointment.js"></script>
<script src="https://res.bestyoujia.com/common/assets/js/back-top.js"></script>
<script src="https://res.bestyoujia.com/common/assets/js/wxShare.js"></script>
{block name="js"}
{/block}
</html>